<div class="row">
  <x-avatar size="big" [src]="src" fit="fill"></x-avatar>
  <x-avatar size="big" [src]="src" fit="contain"></x-avatar>
  <x-avatar size="big" [src]="src" fit="cover"></x-avatar>
  <x-avatar size="big" [src]="src" fit="none"></x-avatar>
  <x-avatar size="big" [src]="src" fit="scale-down"></x-avatar>
</div>
